import React,{Suspense} from 'react'
import {useRoutes} from "react-router-dom"
import routercofig from '../router1'

// 根据浏览器地址栏参数的不同，可以展示不同的页面，这个东西就叫做前端路由
// react-router-dom // 让react项目支持路由的一个包
// 要想实现路由 BrowserRouter -----》  Routes -------》  Route
// Route 是路由标签
// Route 标签加index属性的时候表示页面默认进来去哪个页面
function App() {
  return (
    <div>
       {/* <Routes>
            <Route path='/' element={<Home></Home>}>
                  <Route index element={<Movie></Movie>}></Route>
                  <Route path="/home/movie" element={<Movie></Movie>}></Route>
                  <Route path="/home/cinema" element={<Cinema></Cinema>}></Route>
            </Route>
            <Route path='/detail/:id' element={<Detail></Detail>}></Route>  
            <Route path="/login" element={<Login></Login>}></Route>
            <Route path='/my' element={<My></My>}></Route>
       </Routes> */}
      <Suspense fallback={<div>...loading</div>}>
        {
          useRoutes(routercofig)
        }

      </Suspense>
     
    </div>
  )
}

export default App